import React from 'react'

import { Outlet, NavLink } from 'react-router-dom'

import style from './App.module.css'

export default function App() {
  return (
    <div className={style.App}>
      <div className={style.container}>
        <Outlet />
      </div>
      <div className={style.footer}>
        <div className={style.footer_container}>
          <NavLink to="/home">
            <img src="https://img.axureshop.com/e0/d0/6a/e0d06a9edabe4772bafe50d1dbba8a77/images/%E8%B4%AD%E7%89%A9%E8%BD%A6/u1361.png" alt="" />
          </NavLink>
          <span>首页</span>
        </div>
        <div className={style.footer_container}>
          <NavLink to="/unused">
            <img src="https://img.axureshop.com/e0/d0/6a/e0d06a9edabe4772bafe50d1dbba8a77/images/%E4%BD%9C%E5%93%81%E8%AF%B4%E6%98%8E/u24.png" alt="" />
          </NavLink>
          <span>卖闲置</span>
        </div>
        <div className={style.footer_container}>
          <NavLink to="/cart">
            <img src="https://img.axureshop.com/e0/d0/6a/e0d06a9edabe4772bafe50d1dbba8a77/images/%E4%BD%9C%E5%93%81%E8%AF%B4%E6%98%8E/u27.png" alt="" />
          </NavLink>
          <span>购物车</span>
        </div>
        <div className={style.footer_container}>
          <NavLink to="/mine">
            <img src="https://img.axureshop.com/e0/d0/6a/e0d06a9edabe4772bafe50d1dbba8a77/images/%E4%BD%9C%E5%93%81%E8%AF%B4%E6%98%8E/u21.png" alt="" />
          </NavLink>
          <span>我的</span>
        </div>
      </div>
      <div className={style.footer_kong}></div>
    </div>
  )
}
